/** 全局 CSS 变量，这种变量不仅可以在 CSS 和 SCSS 中使用，还可以导入到 JS 中使用 */

:root {
  /** 全局背景色 */
  --g-body-bg-color: #f0f2f5;
  /** Header 区域 = NavigationBar 组件 + TagsView 组件 */
  --g-header-height: calc(var(--g-navigationbar-height) + var(--g-tagsview-height));
  /** NavigationBar 组件 */
  --g-navigationbar-height: 50px;
  /** Sidebar 组件 */
  --g-sidebar-width: 220px;
  --g-sidebar-hide-width: 54px;
  --g-sidebar-menu-item-height: 60px;
  --g-sidebar-menu-tip-line-bg-color: #66b1ff;
  --g-sidebar-menu-bg-color: #152d3d;
  --g-sidebar-menu-hover-bg-color: #ffffff10;
  --g-sidebar-menu-text-color: #c0c4cc;
  --g-sidebar-menu-active-text-color: #ffffff;
  /** SidebarLogo 组件 */
  --g-sidebarlogo-bg-color: #0c202b;
  /** TagsView 组件 */
  --g-tagsview-height: 34px;
  --g-tagsview-tag-text-color: #495060;
  --g-tagsview-tag-active-text-color: #ffffff;
  --g-tagsview-tag-bg-color: #ffffff;
  --g-tagsview-tag-active-bg-color: #409eff;
  --g-tagsview-tag-border-color: #d8dce5;
  --g-tagsview-tag-active-border-color: #409eff;
  --g-tagsview-tag-active-before-color: #ffffff;
  --g-tagsview-tag-icon-hover-bg-color: #00000030;
  --g-tagsview-tag-icon-hover-color: #ffffff;
  /** RightPanel 组件  */
  --g-rightpanel-button-bg-color: #152d3d;
  --g-border-color-dark: #b6b7b9;
}
